<!--
 * @Date        : 2020-04-10 16:39:14
 * @LastEditors : anlzou
 * @Github      : https://github.com/anlzou
 * @LastEditTime: 2020-05-07 15:56:19
 * @FilePath    : \CalculatorWidget\index.html
 * @Describe    : 
 -->
<!DOCTYPE HTML>
<html>

<head>
	<title>多功能计算器</title>
	<meta charset="utf-8" />
	<meta name="keywords" content="Calculator,工具,计算器,">
	<meta name="description" content="免费在线数据可视化排列组合计算器,多功能计算器。">
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<link rel="stylesheet" href="assets/css/main.css" />
	<link rel="stylesheet" href="assets/css/creative.min.css">
	<link rel="stylesheet" href="assets/css/font-awesome.min.css">
	<!-- Scripts -->
	<script src="./assets/js/jquery.min.js"></script>
	<script src="./assets/js/jquery.scrolly.min.js"></script>
	<script src="./assets/js/skel.min.js"></script>
	<script src="./assets/js/util.js"></script>
	<script src="./assets/js/main.js"></script>
	<script src="./assets/js/calculate.js"></script>
</head>

<body>
	<!-- Header -->
	<header id="header">
		<a href="index.html" class="logo"><strong>Assemble-Calculator</strong></a>
		<nav>
			<a href="#menu">Menu</a>
		</nav>
	</header>

	<!-- Nav -->
	<nav id="menu">
		<ul class="links">
			<li><a href="#" id="what">如何使用</a></li>
			<li><a href="#" id="functions">其它功能</a></li>
			<li><a href="#" id="explain">说明</a></li>
			<li><a href="#" id="author">作者</a></li>
			<li><a href="#" id="version">更新日志</a></li>
		</ul>
	</nav>

	<!-- content -->
	<section id="banner">
		<div class="inner">
			<div class="displayBox">
				<p class="displayText" id="displayText">
					<!-- 全选，取消，反选，删除 -->
					<button class="btn_color4 btn calu-w3ls hvr-back-pulse btn_ "
						onclick="opcheckboxed('checkbox', 'checkall')">全选</button>
					<button class="btn_color4 btn calu-w3ls hvr-back-pulse btn_ "
						onclick="opcheckboxed('checkbox', 'uncheckall')">取消</button>
					<button class="btn_color4 btn calu-w3ls hvr-back-pulse btn_ "
						onclick="opcheckboxed('checkbox', 'reversecheck')">反选</button>
					<button class="btn_color4 btn calu-w3ls hvr-back-pulse " onclick="deleteSelect()">删除</button>
					<button class="btn_color4 btn calu-w3ls hvr-back-pulse " onclick="copy()">复制</button>
					<br />
					<input type="checkbox" name="checkbox" id="checkbox1" value="1">
					<label name="label" id="label1" for="checkbox1">$01 [0,1,2,3,4,5,6,7,8,9,10,11]</label>

					<input type="checkbox" name="checkbox" id="checkbox2" value="2">
					<label name="label" id="label2" for="checkbox2">$02 [0,1,2,3,4,5,6,7,8,9,10,11]</label>

					<input type="checkbox" name="checkbox" id="checkbox3" value="3">
					<label name="label" id="label3" for="checkbox3">$03 [0,1,2,3,4,5,6,7,8,9,10,11]</label>

					<input type="checkbox" name="checkbox" id="checkbox4" value="4">
					<label name="label" id="label4" for="checkbox4">$04 [0,1,2,3,4,5,6,7,8,9,10,11]</label>

					<input type="checkbox" name="checkbox" id="checkbox5" value="5">
					<label name="label" id="label5" for="checkbox5">$05 [0,1,2,3,4,5,6,7,8,9,10,11]</label>

					<input type="checkbox" name="checkbox" id="checkbox6" value="6">
					<label name="label" id="label6" for="checkbox6">$06 [0,1,2,3,4,5,6,7,8,9,10,11]</label>

					<input type="checkbox" name="checkbox" id="checkbox7" value="7">
					<label name="label" id="label7" for="checkbox7">$07 [0,1,2,3,4,5,6,7,8,9,10,11]</label>

					<input type="checkbox" name="checkbox" id="checkbox8" value="8">
					<label name="label" id="label8" for="checkbox8">$08 [0,1,2,3,4,5,6,7,8,9,10,11]</label>

					<input type="checkbox" name="checkbox" id="checkbox9" value="9">
					<label name="label" id="label9" for="checkbox9">$09 [0,1,2,3,4,5,6,7,8,9,10,11]</label>

					<input type="checkbox" name="checkbox" id="checkbox10" value="10">
					<label name="label" id="label10" for="checkbox10">$10 [0,1,2,3,4,5,6,7,8,9,10,11]</label>

					<input type="checkbox" name="checkbox" id="checkbox11" value="11">
					<label name="label" id="label11" for="checkbox11">$11 [0,1,2,3,4,5,6,7,8,9,10,11]</label>
					<br />
					<!-- 全选，取消，反选，删除 -->
					<button class="btn_color4 btn calu-w3ls hvr-back-pulse btn_"
						onclick="opcheckboxed('checkbox', 'checkall')">全选</button>
					<button class="btn_color4 btn calu-w3ls hvr-back-pulse btn_"
						onclick="opcheckboxed('checkbox', 'uncheckall')">取消</button>
					<button class="btn_color4 btn calu-w3ls hvr-back-pulse btn_"
						onclick="opcheckboxed('checkbox', 'reversecheck')">反选</button>
					<button class="btn_color4 btn calu-w3ls hvr-back-pulse " onclick="deleteSelect()">删除</button>
					<button class="btn_color4 btn calu-w3ls hvr-back-pulse " onclick="copy()">复制</button>
					<br />
					<label id="data_row"></label>
					<label>上面为例子，不能使用键盘删除。<br />页面太小请打开浏览器全屏使用。</label><br>
					<label>其它功能说明：点击右上角Menu->如何使用</label>
					<br />
					<br />
					<br />
					<br />
			</div>
		</div>
	</section>

	<!-- Footer -->
	<footer id="footer">
		<h1 class="inputText" style="color: aliceblue;" id="display" onclick="noShowKeyBords()">0</h1>
		<div class="content" style="background-color:rgb(114, 111, 108); text-align: center;" id="KB">
			<div class="left-count inner">
				<div class="" style="text-align: center;">
					<button class="btn calu-w3ls hvr-back-pulse" id="calu-w3ls">C</button>
					<button class="btn calu-w3ls hvr-back-pulse calu_sapce" id="delete">D</button>
					<button class="btn calu-w3ls hvr-back-pulse" id="back">B</button>
					<button id="divide" class="btn calu-w3ls hvr-back-pulse  calu_">÷</button>

				</div>
				<div class="">
					<button class="btn btn-calc hvr-radial-out" id="seven">7</button>
					<button class="btn btn-calc hvr-radial-out" id="eight">8</button>
					<button class="btn btn-calc hvr-radial-out" id="nine">9</button>
					<button id="multiply" class="btn calu-w3ls hvr-back-pulse calu_">x</button>
				</div>
				<div class="">
					<button class="btn btn-calc hvr-radial-out" id="four">4</button>
					<button class="btn btn-calc hvr-radial-out" id="five">5</button>
					<button class="btn btn-calc hvr-radial-out" id="six">6</button>
					<button id="subtract" class="btn calu-w3ls hvr-back-pulse calu_">-</button>
				</div>
				<div class="">
					<button class="btn btn-calc hvr-radial-out" id="one">1</button>
					<button class="btn btn-calc hvr-radial-out" id="two">2</button>
					<button class="btn btn-calc hvr-radial-out" id="three">3</button>
					<button id="add" class="btn calu-w3ls hvr-back-pulse calu_">+</button>
				</div>
				<div class="">
					<button class="btn btn-calc hvr-radial-out calu_" id="decimal">.</button>
					<button class="btn btn-calc hvr-radial-out" id="zero">0</button>
					<button id="space" class="btn calu-w3ls hvr-back-pulse calu_sapce">,</button>
					<button id="equals" class="btn calu-w3ls hvr-back-pulse">=</button>
				</div>
			</div>
		</div>
	</footer>
</body>

</html>